@CHARSET "UTF-8";
/*------------------------
transition
작성일 : 2014.10.29
작성자 : 최 다찬
--------------------------
*/
#main>div{
	border:3px solid #fff000;
	width:400px;
	padding:20px;
	margin:10px;
	color:#000000;
	border-radius:10px;
	box-shadow:2px 2px 3px #bbbbbb;
	background-color: #8000ff;
	/*애니메이션 효과 설정*/
	transform:rotate(0deg);
	-webkit-transition:transform 1s, opacity 3s, background 3s, rotate 3s;
}
#main>div:hover{
	transform:rotate(360deg);
	background-color:#aaaaaa;
	color:#ffffff;
	font-size:100px;
	-webkit-transition:transform 3s, opacity 3s, background 3s, rotate 3s;
	
}